<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>GoldenLayout- a multi-window javascript layout manager for webapps</title>
	
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta name="keywords" content="HTML5, JavaScript, Layout Manager, webapp" />
	<meta name="description" content="GoldenLayout- a multi-window javascript layout manager for webapps" />
	<meta name="author" content="Wolfram Hempel" />
	<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
	<link rel="icon" href="/favicon.ico" type="image/x-icon">
	<link href='https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700' rel='stylesheet' type='text/css'>
	<link rel="stylesheet" type="text/css" href="../assets/css/screen.css" />
	
	<script type="text/javascript">
	document.createElement( 'header' );
	document.createElement( 'nav' );
	</script>
	<script type="text/javascript" src="../assets/js/jquery.js"></script>
</head>
<body class="category_download">
	<div id="modal" class="loading">
		<div class="background"></div>
		<div class="content-wrapper">
			<div class="head">
				<div class="close"></div>
				<span class="title"></span>
			</div>
			<div class="content"></div>
		</div>
	</div>
	
	<div id="outerWrapper">
		

		
		<div id="nav" class="standalone">
			<div class="start-bg"></div>
			<ul>
				<li ><a href="..">Start</a></li>
				<li class="active"><a href="../download">Download</a></li>
				<li ><a href="../examples">Demos</a></li>
				<li ><a href="../tutorials">Tutorials</a></li>
				<li ><a href="../docs">Docs</a></li>
				<li ><a href="../faq">Faq</a></li>
			</ul>
			<iframe src="https://ghbtns.com/github-btn.html?user=deepstreamIO&repo=golden-layout&type=star&count=true&size=large" frameborder="0" scrolling="0" width="160px" height="30px"></iframe>

		</div>
		
		<div class="content main">
			<div id="downloads">
	<div class="column left">
		<h2>Latest Version</h2>
		<a href="../files/latest/GoldenLayout.zip" class="latest">
			<div>Download GoldenLayout.zip</div>
			<small>V 1.5.9 (28.7.2017)</small>
		</a>
		<h2 class="second">Bower / NPM</h2>
		<div class="bower">
			<pre>"golden-layout": "1.5.9"</pre>
		</div>

		<h2>Individual Files</h2>
		<div class="individual_files">
			<div>JS</div>
			<a href="../files/latest/js/goldenlayout.js">goldenlayout.js</a>
			<a href="../files/latest/js/goldenlayout.min.js">goldenlayout.min.js</a>
			<div>BASE CSS</div>
			<a href="../files/latest/css/goldenlayout-base.css">goldenlayout-base.css</a>
			<div>THEMES</div>
			<a href="../files/latest/css/goldenlayout-dark-theme.css">goldenlayout-dark-theme.css</a>
			<a href="../files/latest/css/goldenlayout-light-theme.css">goldenlayout-light-theme.css</a>
			
		</div>
	</div>
	<div class="column right">
		<h2>Previous Versions</h2>

		<div class="previous">
			GoldenLayout V&nbsp;&nbsp;<select>
				
				<option value="1.5.9">
					1.5.9 (28.7.2017)
				</option>
				
				<option value="1.5.8">
					1.5.8 (11.5.2017)
				</option>
				
				<option value="1.5.7">
					1.5.7 (16.1.2017)
				</option>
				
				<option value="1.5.6">
					1.5.6 (21.9.2016)
				</option>
				
				<option value="1.5.5">
					1.5.5 (22.9.2016)
				</option>
				
				<option value="1.5.1">
					1.5.1 (15.4.2016)
				</option>
				
				<option value="0.1.5">
					0.1.5 (10.4.2016)
				</option>
				
				<option value="1.0.10">
					1.0.10 (13.7.2015)
				</option>
				
				<option value="1.0.9">
					1.0.9 (6.5.2015)
				</option>
				
				<option value="1.0.8">
					1.0.8 (5.3.2015)
				</option>
				
				<option value="1.0.7">
					1.0.7 (15.2.2015)
				</option>
				
				<option value="1.0.6">
					1.0.6 (14.12.2014)
				</option>
				
				<option value="1.0.5">
					1.0.5 (17.11.2014)
				</option>
				
				<option value="1.0.4">
					1.0.4 (18.10.2014)
				</option>
				
				<option value="1.0.3">
					1.0.3 (11.10.2014)
				</option>
				
				<option value="1.0.2">
					1.0.2 (11.10.2014)
				</option>
				
				<option value="1.0.1">
					1.0.1 (4.10.2014)
				</option>
				
				<option value="1.0.0">
					1.0.0 (1.10.2014)
				</option>
				
				<option value="0.9.7">
					0.9.7 (1.10.2014)
				</option>
				
				<option value="0.9.6.4">
					0.9.6.4 (28.9.2014)
				</option>
				
				<option value="0.9.6.3">
					0.9.6.3 (27.9.2014)
				</option>
				
				<option value="0.9.6.2">
					0.9.6.2 (20.9.2014)
				</option>
				
				<option value="0.9.6.1">
					0.9.6.1 (16.9.2014)
				</option>
				
				<option value="0.9.6">
					0.9.6 (16.9.2014)
				</option>
				
				<option value="0.9.5.5">
					0.9.5.5 (15.9.2014)
				</option>
				
				<option value="0.9.5">
					0.9.5 (13.9.2014)
				</option>
				
				<option value="0.9.4">
					0.9.4 (8.9.2014)
				</option>
				
				<option value="0.9.3">
					0.9.3 (1.9.2014)
				</option>
				
				<option value="0.9.2">
					0.9.2 (28.8.2014)
				</option>
				
				<option value="0.9.1">
					0.9.1 (25.8.2014)
				</option>
				
				<option value="0.9.0">
					0.9.0 (25.8.2014)
				</option>
				
			</select>

			<script type="text/javascript">
			$('select').change(function(){
				document.location.href = '../files/v' + $(this).val() + '/GoldenLayout.zip';
			});
			</script>
		</div>

		<h2>Change log</h2>
		<div class="changeLog">
		<strong>Version 1.5.9</strong>
		<ul>
				<li>Take border/padding of component into account when calculating size.</li>
				<li>Update to make it possible to mutate event list while in an event handler.</li>
				<li>Various memory leaks fixed.</li>
				<li>A few Javascript updates; "use strict"-ability.</li>
				<li>Add borderGrabWidth config</li>
				<li>Fix for some angular stuff.</li>
		</ul>
		<strong>Version 1.5.8</strong>
		<ul>
				<li>You can now drag panes to the far edges and have them dock there. Drag to within the last few pixels to see the new drop area.</li>
				<li>Improvements to resize pane mouse cursors.</li>
				<li>Middle click support.</li>
				<li>Adds a 'shown' method to ItemContainer</li>
				<li>LayoutManager.updateSize fixed to work with width and height</li>
				<li>Responsive design; enabled by default, can be disabled with config.</li>
				<li>Tab dropdown option: stacks can be displayed as dropdowns.</li>
				<li>CSS now generated from less</li>
				<li>Hidden items no longer updated to prevent reflows.</li>
		</ul>
		<strong>Version 1.5.7</strong>
		<ul>
				<li>Fix issues with ContentItems created from DragSources.</li>
				<li>Fix AngularJS Routing issue</li>
				<li>Add object to destroy call so we know what item is being destroyed.</li>
		</ul>
		<strong>Version 1.5.6</strong>
		<ul>
				<li>Fix an issue dragging with buttons other than the left button.</li>
				<li>Makes createDragListener able to take a function to call as well as an ItemConfig, to support dynamic item configuration on drag.</li>
		</ul>
		<strong>Version 1.5.5</strong>
		<ul>
			<li>Fixes Tabs can be closed by drag/dropping <a class="githubIssue" href="https://github.com/hoxton-one/golden-layout/issues/142">#142</a></li>
			<li>Fixes Splitter bar appears behind some other windows when dragged <a class="githubIssue" href="https://github.com/hoxton-one/golden-layout/issues/141">#141</a></li>
			<li>Fixes  Non-integral chrome zooms cause layout issues <a class="githubIssue" href="https://github.com/hoxton-one/golden-layout/issues/137">#137</a></li>
			<li>Fixes Temporary "drag" items don't get destroyed if not dropped <a class="githubIssue" href="https://github.com/hoxton-one/golden-layout/issues/133">#133</a></li>
			<li>Fix for click-holding on an item and not moving the mouse causing that item to be removed.</li>
			<li>Merges PR Adds Round down the additionalPixel to prevent an extra pixel creeping in <a class="githubIssue" href="https://github.com/hoxton-one/golden-layout/issues/138">#138</a></li>
			<li>Merges PR Fixes issue including files with incorrect capitalisation on case-sensitive platforms <a class="githubIssue" href="https://github.com/hoxton-one/golden-layout/issues/136">#136</a></li>
			<li>Merges PR Added support for individual item minimum size <a class="githubIssue" href="https://github.com/hoxton-one/golden-layout/issues/130">#130</a></li>
			<li>Merges PR Add position:relative to .lm_content to enable absolute positioning within the panels <a class="githubIssue" href="https://github.com/hoxton-one/golden-layout/issues/128">#128</a></li>
			<li>Merges PR add a showed event <a class="githubIssue" href="https://github.com/hoxton-one/golden-layout/issues/124">#124</a></li>
			<li>Merges PR Fixed three sources of memory leaks when destroying the LayoutManager <a class="githubIssue" href="https://github.com/hoxton-one/golden-layout/issues/119">#119</a></li>
			<li>Merges PR Set title attribute on tab to match lm_tab in main layout. <a class="githubIssue" href="https://github.com/hoxton-one/golden-layout/issues/107">#107</a></li>
			<li>Merges PR Typescript typing information <a class="githubIssue" href="https://github.com/hoxton-one/golden-layout/issues/103">#103</a></li>
		</ul>
		<strong>Version 1.5.1</strong>
		<ul>
			<li>Fixes React component type is not recognised by createContentItem <a class="githubIssue" href="https://github.com/hoxton-one/golden-layout/issues/87">#87</a></li>
			<li>Fixes a stack overflow when iterating over React properties <a class="githubIssue" href="https://github.com/hoxton-one/golden-layout/issues/92">#92</a></li>
			<li>Fixes an incorrect 'this' argument when calling the original React components 'componentWillUpdate' method <a class="githubIssue" href="https://github.com/hoxton-one/golden-layout/issues/92">#92</a></li>
		</ul>
		<strong>Version 1.5.0</strong>
		<ul>
			<li>Added support for ReactJS components</li>
			<li>Changed License to MIT</li>
			<li>Fixes hasHeaders=false error <a class="githubIssue" href="https://github.com/hoxton-one/golden-layout/issues/76">#76</a></li>
			<li>Fixes jQuery Version mismatch <a class="githubIssue" href="https://github.com/hoxton-one/golden-layout/issues/44">#44</a></li>
			<li>Fixes NPM dist path <a class="githubIssue" href="https://github.com/hoxton-one/golden-layout/issues/42">#42</a></li>
		</ul>
		<strong>Version 1.0.10</strong>
		<ul>
			<li>Fixed hidden panel bug when using nested stacks</li>
		</ul>
		<strong>Version 1.0.9</strong>
		<ul>
			<li>Support for <a href="http://jspm.io/">JSPM</a></li>
		</ul>
		<strong>Version 1.0.8</strong>
		<ul>
			<li>Added isClosable check for rows and columns</li>
		</ul>
		<strong>Version 1.0.7</strong>
		<ul>
			<li>Fixed check for maximised window <a class="githubIssue" href="https://github.com/hoxton-one/golden-layout/issues/31">#31</a></li>
			<li>Fixed set size for rows <a class="githubIssue" href="https://github.com/hoxton-one/golden-layout/issues/37">#37</a></li>
			<li>Added support for JSPM <a class="githubIssue" href="https://github.com/hoxton-one/golden-layout/issues/35">#35</a></li>
		</ul>
		<strong>Version 1.0.6</strong>
		<ul>
			<li>Configuration for new windows is now passed through localStorage rather than URL parameter <a class="githubIssue" href="https://github.com/hoxton-one/golden-layout/issues/23">#23</a></li>
			<li><a class="githubIssue" href="https://github.com/hoxton-one/golden-layout/issues/23">#23</a> also closes the XSS attack vector created by passing config through the url which fixes <a class="githubIssue" href="https://github.com/hoxton-one/golden-layout/issues/28">#28</a></li>
			<li>Allow empty dashboards <a class="githubIssue" href="https://github.com/hoxton-one/golden-layout/issues/24">#24</a></li>
			<li>Fixed resizing bug for maximised components <a class="githubIssue" href="https://github.com/hoxton-one/golden-layout/issues/25">#25</a></li>
			<li>Added strip-tags for title in popout windows. Also removed XSS filtering since configuration is now safely passed through localStorage (see <a class="githubIssue" href="https://github.com/hoxton-one/golden-layout/issues/23">#23</a>). <a class="githubIssue" href="https://github.com/hoxton-one/golden-layout/issues/18">#18</a></li>
		</ul>
		<strong>Version 1.0.5</strong>
		<ul>
			<li>Added basic touch event support <a class="githubIssue" href="https://github.com/hoxton-one/golden-layout/issues/4">#4</a></li>
			<li>Fixed state change on DragProxy bug <a class="githubIssue" href="https://github.com/hoxton-one/golden-layout/issues/15">#15</a></li>
			<li>Added support for reorderEnabled attribute on an item level <a class="githubIssue" href="https://github.com/hoxton-one/golden-layout/issues/13">#13</a></li>
		</ul>
		<strong>Version 1.0.4</strong>
		<ul>
			<li>Full support for HTML in title attributes / tabs <a class="githubIssue" href="https://github.com/hoxton-one/golden-layout/issues/6">#6</a></li>
			<li>Middle mouse button now closes tab <a class="githubIssue" href="https://github.com/hoxton-one/golden-layout/issues/7">#7</a></li>
			<li>layout emits 'tabCreated' event for every tab <a class="githubIssue" href="https://github.com/hoxton-one/golden-layout/issues/6">#6</a></li>
			<li>Added support for empty stacks <a class="githubIssue" href="https://github.com/hoxton-one/golden-layout/issues/5">#5</a></li>
			<li>'isClosable: false' now prevents item from being destroyed if it is the only child of its parent <a class="githubIssue" href="https://github.com/hoxton-one/golden-layout/issues/5">#5</a></li>
		</ul>
		</div>
	</div>

</div>

		</div>
		
		<div id="footerPush"></div>
	</div>
	<div id="footer">
		<div class="footer-content">
			<div class="copyright">&copy;<span class="year"></span> deepstreamHub GmbH</div>
			<script type="text/javascript">
			$('.year').html( (new Date()).getFullYear() );
			</script>
			<ul class="footerItems">
				<li>
					<a href="https://github.com/deepstreamIO/golden-layout">Github</a>
					<a href="https://www.npmjs.com/package/golden-layout">NPM</a>
					<div>bower/npm: <code>'golden-layout'</code></div>
				</li>
				<li>
					<div>deepstreamHub GmbH</div>
					<div>Lindenstrasse 20-25</div>
					<div>10969 Berlin</div>
				</li>
				<li>
					<a href="mailto:info@deepstreamhub.com">info@deepstreamhub.com</a>
					<a href="https://deepstreamhub.com/">deepstreamHub.com</a><br />
					<a href="https://twitter.com/wolframhempel">by @wolframhempel</a>

				</li>
			</ul>
		</div>
	</div>

	<script type="text/javascript" src="../assets/js/Modal.js"></script>
	
	<script>
	  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
	  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
	  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
	  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

	  ga('create', 'UA-63583386-5', 'auto');
	  ga('send', 'pageview');

	</script>
	
</body>
</html>